<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>弹出框汇总</title>
    <link href="css/global.css" type="text/css" rel="stylesheet"/>
    <link href="css/ico.css" type="text/css" rel="stylesheet"/>
    <link href="css/_btn.css" type="text/css" rel="stylesheet"/>
    <link href="css/_form.css" type="text/css" rel="stylesheet"/>
    <link href="css/_share.css" type="text/css" rel="stylesheet"/>
    <link href="css/_dialog.css" type="text/css" rel="stylesheet"/>
    <link href="css/_wjh_dialogs.css" type="text/css" rel="stylesheet"/>
    <link href="css/_account.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="js/jquery1.7.1.js"></script>
    <script type="text/javascript" src="js/scrollbar_jquery.js"></script>
    <style type="text/css">
        body {
            padding: 40px 0;
            text-align: left;
            background: #7f7f7f
        }

        .dialog, .dialog2 {
            position: relative !important;
            display: block !important;
            margin: 30px auto !important;
            left: auto !important;
            right: auto !important;
            top: auto !important;
        }

        .module-btn {
            text-align: center;
            margin-bottom: 20px
        }

        .dialog-log-reg {
            display: block !important;
        }
    </style>
</head>
<body>

<span class="correct">回答正确<b class="b"></b></span>
<span class="attention">提示<b class="b"></b></span>
<span class="wrong">错误<b class="b"></b></span>

<div class="dialog" style="width:800px;top:200px;left:400px;left:50%;margin-left:-220px">
    <!--<div class="dialog-hd"><h2 class="h">弹出框</h2></div>-->
    <div class="dialog-bd">
        <div id="login" class="dialog-log-reg" style="display:none;">
            <div class="lr-hd">
                <h2 class="h">
                    <img src="css/images/v1.0/img/lock-circle.png" class="stimg" alt=""/><span class="vt">免费注册您的玩具屋帐号</span>
                </h2>

                <p class="des">浏览无限创意家居，分享你的个性物品</p>
            </div>
            <div class="collr">
                <div class="coll">
                    <h3 class="lrt">你还可以用以下方式直接登录：</h3>
                    <ul class="other-accounts-login">
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/sina42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/qq42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/tb42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/renren42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/16342.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/qqweibo42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/douban42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/baidu42.png" alt=""/></a>
                        </li>
                    </ul>
                </div>
                <div class="colr">
                    <div class="lgreg">
                        <h3 class="lrt">立即登录</h3>

                        <form method="post" action="index_show.php?name=dialog&debug=1&login=true">
                            <div class="lgreg-form">
                                <ul class="form-list">
                                    <li class="form-item"><input type="text" class="e-input" value="输入email"/></li>
                                    <li class="form-item"><input type="password" class="e-input" value="输入密码"/></li>
                                </ul>
                                <div class="form-act form-item">
                                    <a href="#" class="btn-syd btn" onclick="$(this).parents('form')[0].submit();$.dialog.close()"><span class="b">登录</span></a><a href="#" class="reg oer">注册</a>
                                    <a href="#" class="btn-syi btn" onclick="$.dialog.close()"><span class="b"><img src="css/images/v1.0/img/loading-mini.gif" class="bimg" alt=""/></span></a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog" style="width:800px;top:200px;left:400px;left:50%;margin-left:-220px">
    <!--<div class="dialog-hd"><h2 class="h">弹出框</h2></div>-->
    <div class="dialog-bd">
        <div id="reg" class="dialog-log-reg" style="display:none;">
            <div class="lr-hd">
                <h2 class="h">
                    <img src="css/images/v1.0/img/lock-circle.png" class="stimg" alt=""/><span class="vt">免费注册您的玩具屋帐号</span>
                </h2>

                <p class="des">浏览无限创意家居，分享你的个性物品</p>
            </div>
            <div class="collr">
                <div class="coll">
                    <h3 class="lrt">你还可以用以下方式直接登录：</h3>
                    <ul class="other-accounts-login">
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/sina42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/qq42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/tb42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/renren42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/16342.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/qqweibo42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/douban42.png" alt=""/></a>
                        </li>
                        <li class="accounts-item">
                            <a href="#"><img src="css/images/v1.0/img/lg/baidu42.png" alt=""/></a>
                        </li>
                    </ul>
                </div>
                <div class="colr">
                    <div class="lgreg">
                        <h3 class="lrt">立即注册</h3>

                        <div class="lgreg-form">
                            <ul class="form-list">
                                <li class="form-item">
                                    <input type="text" class="e-input" value="输入email"/><span class="oer weaken">输入email</span>
                                </li>
                                <li class="form-item">
                                    <input type="text" class="e-input" value="设置昵称"/><span class="oer weaken">设置昵称</span>
                                </li>
                                <li class="form-item">
                                    <input type="password" class="e-input" value="输入密码"/><span class="correct">回答正确<b class="b"></b></span>
                                </li>
                                <li class="form-item">
                                    <input type="password" class="e-input" value="输入密码"/><span class="oer weaken">确认密码</span>
                                </li>
                            </ul>
                            <div class="form-act form-item">
                                <a href="#" class="btn-syd btn" onclick="$.dialog.close()"><span class="b">注册</span></a>
                                <a href="#" class="btn-syi btn" onclick="$.dialog.close()"><span class="b"><img src="css/images/v1.0/img/loading-mini.gif" class="bimg" alt=""/></span></a>

                                <p class="agree">
                                    <label><input type="checkbox" class="rck" disabled="disabled" checked="checked"/>同意玩具屋<a href="#">注册条款</a></label>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <p class="other-attention">已经注册过？<a href="#" class="login">立即登录</a></p>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="dialog-close-handle close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog" style="width:800px;top:200px;left:400px;left:50%;margin-left:-220px">
    <!--<div class="dialog-hd"><h2 class="h">弹出框</h2></div>-->
    <div class="dialog-bd">
        <div id="reg2" class="dialog-log-reg dg-reg2" style="display:none;">
            <div class="lr-hd">
                <h2 class="h">
                    <img src="css/images/v1.0/img/lock-circle.png" class="stimg" alt=""/><span class="vt">免费注册您的玩具屋帐号</span>
                </h2>

                <p class="des">浏览无限创意家居，分享你的个性物品</p>
            </div>
            <div class="avatar-set collr">
                <div class="coll asl">
                    <div class="avatar-preview sz">
                        <div class="ap">
                            <img src="css/images/v1.0/img/avatar2.jpg" class="avatar-img" alt=""/>

                            <div class="size-select" style="top:30px;left:30px"></div>
                        </div>
                    </div>
                    <div class="avatar-preview sz2">
                        <div class="ap">
                            <img src="css/images/v1.0/img/avatar2.jpg" class="avatar-img" alt=""/>
                        </div>
                    </div>
                    <div class="avatar-preview sz3">
                        <div class="ap">
                            <img src="css/images/v1.0/img/avatar2.jpg" class="avatar-img" alt=""/>
                        </div>
                    </div>
                    <p class="set-tip">(图片尺寸不小于200*200,支持Jpeg和静态Gif格式,大小不超过2M)</p>
                </div>
                <div class="colr">
                    <p><span class="cl">第1步：</span><br/>从电脑中选一张图片<br/>作为头像</p>

                    <div class="upload-avatar">
                        <div class="file-input-mn">
                            <a href="#" class="btn"><span class="b">选择上传图片</span></a>
                            <input type="file" name="" class="file-input" value="">
                        </div>
                    </div>
                    <p><span class="cl">第2步：</span><br/>选择合适区域</p>
                </div>
            </div>
            <div class="dg-bt">
                <a href="#" class="btn-syd btn" onclick="$.dialog.close()"><span class="b">注册</span></a><a href="#" class="btn-sye btn" onclick="$.dialog.close()"><span class="b">跳过</span></a><a href="#" class="btn-syi btn" onclick="$.dialog.close()"><span class="b"><img src="css/images/v1.0/img/loading-mini.gif" class="bimg" alt=""/></span></a>
            </div>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog" style="width:800px;top:200px;left:400px;left:50%;margin-left:-220px">
    <!--<div class="dialog-hd"><h2 class="h">弹出框</h2></div>-->
    <div class="dialog-bd">
        <div id="tuijian" class="dialog-log-reg tuijian" style="display:none;">
            <div class="lr-hd">
                <h2 class="h">
                    <img src="css/images/v1.0/img/heart-circle.png" class="stimg" alt=""/><span class="vt">这里是推荐给您的热门空间</span>
                </h2>

                <p class="des">看看这里有没有你喜欢的哦～</p>
            </div>
            <div class="wjh-tab-wrap">
                <ul class="wjh-tab">
                    <li class="tab-item cur"><a href="#" class="leva">全部(57)</a></li>
                    <li class="tab-item"><a href="#" class="leva">现代</a></li>
                    <li class="tab-item"><a href="#" class="leva">美式</a></li>
                    <li class="tab-item"><a href="#" class="leva">中式</a></li>
                    <li class="tab-item"><a href="#" class="leva">欧洲古典</a></li>
                    <li class="tab-item"><a href="#" class="leva">田园</a></li>
                    <li class="tab-item"><a href="#" class="leva">地中海</a></li>
                    <li class="tab-item"><a href="#" class="leva">东南亚</a></li>
                </ul>
            </div>
            <div class="tuijian-list">
                <ul class="wjh-list">
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                    <li class="item">
                        <input type="checkbox" class="rck" name="">

                        <div class="wjh-item">
                            <div class="t"><a href="index_show.php?name=space_list">陌鱼的插画物语</a></div>
                            <div class="thumbs">
                                <ul class="thumbs-list">
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                    <li class="thumbs-item">
                                        <a href="index_show.php?name=space_list" class="thumb-outer"><img src="test/baobei.jpg" width="64" height="64" class="thumb-64-64" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <ul class="info-list">
                                <li class="il-item wrt">58134</li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="dg-rt"><a href="#">换一换</a></div>
            <div class="tj-act">
                <label class="lb"><input type="checkbox" class="rck" name="">反选</label><label class="lb"><input type="checkbox" class="rck" name="">全不选</label><label class="lb"><input type="checkbox" class="rck" name="">全选</label>
            </div>
            <div class="dg-bt"><a href="#" class="sck" onclick="$.dialog.close()">关注这些，完成注册</a></div>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog" style="width:520px;top:200px;left:400px;left:50%;margin-left:-220px">
    <div class="dialog-hd"><h2 class="h">分享</h2></div>
    <div class="dialog-bd">
        <ul class="share-baby-clist">
            <li class="sbc-item"><a href="#" class="hover"><b class="arrow-090"></b>分享宝贝</a></li>
            <li class="sbc-item"><a href="#"><b class="lian"></b>上传图片</a></li>
            <li class="sbc-item"><a href="#"><b class="house"></b>建个新家</a></li>
        </ul>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>


<div class="dialog" style="width:520px;top:200px;left:400px;left:50%;margin-left:-220px">
    <div class="dialog-hd"><h2 class="h">分享宝贝</h2></div>
    <div class="dialog-bd">
        <div class="sbbx">
            <div class="share-web-baby form-item">
                <label class="lb">请在下面输入宝贝链接地址</label>
                <input type="text" class="e-input" value="">
                <a href="#" class="btn-syd btn" onclick="this.className='btn-sye btn';return false" class="oer"><span class="b">确定</span></a>
                <span class="correct">sadsad<b class="b"></b></span>
            </div>
            <div class="swb-fge sj-support">
                <p class="sjh"><span class="weaken">已支持网站</span>（商家申请加入）</p>
                <ul class="sj-support-list">
                    <li class="sj-item tb"><span class="sj">淘宝</span></li>
                    <li class="sj-item tmall"><span class="sj">天猫</span></li>
                    <li class="sj-item jingdong"><span class="sj">京东</span></li>
                    <li class="sj-item qqwg"><span class="sj">QQ网购</span></li>
                    <li class="sj-item paipai"><span class="sj">拍拍</span></li>
                </ul>
            </div>
        </div>


    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog" style="width:520px;top:200px;left:400px;left:50%;margin-left:-220px">
    <div class="dialog-hd"><h2 class="h">分享宝贝</h2></div>
    <div class="dialog-bd">

        <div class="sbbx">
            <div class="share-web-baby form-item">
                <label class="lb">请在下面输入宝贝链接地址</label>
                <input type="text" class="e-input" value="" style="display:inline;">
                <a href="#" class="btn-syd btn" onclick="this.className='btn-sye btn';return false" class="oer"><span class="b">确定</span></a>
                <span class="correct">sadsad<b class="b"></b></span>
            </div>
            <div class="share-web">
                <div class="share-thumb-add">
                    <p class="sta">选择此页面中您要添加的图片</p>
                    <ul class="p-list">
                        <li class="p-item">
                            <a href="#" class="img-outer"><img src="test/baobei.jpg" width="50" height="50" class="thumb" alt=""></a>
                            <a href="#" class="dele" title="删除"><span class="ico-dele">删除</span></a>
                        </li>
                        <li class="p-item">
                            <a href="#" class="img-outer"><img src="test/baobei.jpg" width="50" height="50" class="thumb" alt=""></a>
                            <a href="#" class="dele" title="删除"><span class="ico-dele">删除</span></a>
                        </li>
                        <li class="p-item">
                            <a href="#" class="img-outer"><img src="test/baobei.jpg" width="50" height="50" class="thumb" alt=""></a>
                            <a href="#" class="dele" title="删除"><span class="ico-dele">删除</span></a>
                        </li>
                        <li class="p-item"></li>
                        <li class="p-item"></li>
                        <li class="p-item"></li>
                    </ul>
                </div>
                <div class="new-scroll-plug scroll-plug swb-fge">
                    <div id="J_scroll-wrap" class="scroll-wrap">
                        <div class="scroll-width">
                            <ul id="J_scroll-panel" class="scroll-panel p-list">
                                <li class="p-item select" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                                <li class="p-item" onclick="$(this).toggleClass('select');return false">
                                    <a href="#" class="img-outer"><img src="test/baobei.jpg" width="134" height="98" class="thumb" alt=""></a>
                                    <span class="add"><b class="ico-tick">添加</b></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="scroll-bar-wp">
                        <div class="scroll-bar-wrap">
                            <div id="J_bar" class="scroll-bar">
                                <div class="scroll-bar-in">
                                    <div class="sbinner"><s class="mb"></s></div>
                                    <b class="lb"></b><b class="rb"></b></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="share-act">
                    <a href="#" class="btn-syd btn" onclick="$.dialog.close()"><span class="b">确定</span></a>
                    <a href="#" class="btn-sye btn" onclick="$.dialog.close()"><span class="b">取消</span></a>
                    <a href="#" class="btn-syi btn" onclick="$.dialog.close()"><span class="b"><img src="css/images/v1.0/img/loading-mini.gif" class="bimg" alt=""></span></a>
                    <span class="correct">sadsad<b class="b"></b></span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            ;
            (function () {
                if ($.browser.msie && $.browser.version == "6.0") {
                    $('#J_scroll-panel,.share-thumb-add').delegate('.p-item', 'mouseenter',function () {
                        $(this).addClass("hover");
                    }).delegate('.p-item', 'mouseleave', function () {
                            $(this).removeClass("hover");
                        });
                }
                $('#J_scroll-panel').scrollbar({scrollWrap:'#J_scroll-wrap', scrollBar:'#J_bar', 'scrollBarShow':0});
            })();
        </script>


    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog wj-disabled" style="width:600px;top:200px;left:400px;left:50%;margin-left:-220px">
<div class="dialog-hd"><h2 class="h">分享宝贝</h2></div>
<div class="dialog-bd">


<div class="sbbx">
<p class="sbt">特价秒杀 夏季新款摆花白色 限时包邮 抢购中</p>

<div class="dg-cols collr">
<div class="coll">
    <img src="test/baobei.jpg" alt="" class="thumb-200"/>
</div>

<div class="colr">
<div class="wj-form">
<ul class="form-list">
    <li class="form-item wj-actived">
        <span class="serial-nub">1</span>
        <input type="text" onfocus="this.className='e-input input-focus'" class="e-input" style="width:206px" value="宝贝名称"/>

        <div class="drop-down">
            <div class="wjh-select" data-type="simulate-select" style="width:70px">
                <div class="wjh-selected" data-simulate-value="simulate-select">选择风格</div>
                <b class="arrow"></b>
            </div>
            <div class="wjh-drop-down-layer" style="display:none">
                <ul class="wjh-list3">
                    <li class="l-item" data-value="现代">现代</li>
                    <li class="l-item" data-value="美式">美式</li>
                    <li class="l-item" data-value="中式">中式</li>
                    <li class="l-item" data-value="欧洲古典">欧洲古典</li>
                    <li class="l-item" data-value="田园">田园</li>
                    <li class="l-item" data-value="地中海">地中海</li>
                    <li class="l-item" data-value="东南亚">东南亚</li>
                </ul>
            </div>
        </div>
    </li>
    <li class="form-item">
        <span class="serial-nub">2</span>
        <input type="hidden" data-simulate-value="simulate-select" value="">

        <div class="drop-down">
            <div class="wjh-select" data-type="simulate-select">
                <div class="wjh-selected" data-simulate-value="simulate-select">甜蜜小屋</div>
                <b class="arrow"></b>
            </div>
            <div class="wjh-drop-down-layer" style="display:none;">
                <ul class="wjh-list3">
                    <li class="l-item" data-value="古柏别墅">古柏别墅</li>
                    <li class="l-item" data-value="古柏别墅22">古柏别墅22</li>
                    <li class="l-item" data-value="古柏别墅33">古柏别墅33</li>
                    <li class="l-item" data-value="古柏别墅44">古柏别墅44</li>
                </ul>
                <div class="layer-bt">
                    <div class="user-actions"><a href="#">+创建新家</a></div>
                </div>
            </div>
        </div>
    </li>
    <li class="form-item">
        <span class="serial-nub">3</span>
        <input type="text" disabled="disabled" onfocus="this.className='e-input input-focus'" class="e-input" style="width:100px" value="宝贝价格"/>
        <span class="oer">元</span>
    </li>
    <li class="form-item">
        <span class="serial-nub">4</span>

        <div class="drop-down">
            <input type="text" disabled="disabled" data-type="simulate-select" data-simulate-value="simulate-select" onfocus="this.className='e-input input-focus'" class="e-input" value="选择空间" data-select-config="layerClickBack=select_cat_back"/>

            <div class="wjh-drop-down-layer" style="display:none;">
                <ul class="wjh-list4">
                    <li class="l-item"><a href="#" data-value="楼梯">楼梯</a></li>
                    <li class="l-item"><a href="#" data-value="天井">天井</a></li>
                    <li class="l-item"><a href="#" data-value="儿童房">儿童房</a></li>
                    <li class="l-item"><a href="#" data-value="更衣室">更衣室</a></li>
                    <li class="l-item"><a href="#" data-value="车库">车库</a></li>
                    <li class="l-item"><a href="#" data-value="书房">书房</a></li>
                    <li class="l-item"><a href="#" data-value="影音室">影音室</a></li>
                    <li class="l-item"><a href="#" data-value="其他">其他</a></li>
                    <li class="l-item"><a href="#" data-value="卧室">卧室</a></li>
                    <li class="l-item"><a href="#" data-value="客厅">客厅</a></li>
                    <li class="l-item"><a href="#" data-value="厨房">厨房</a></li>
                    <li class="l-item"><a href="#" data-value="门厅">门厅</a></li>
                    <li class="l-item"><a href="#" data-value="卫浴">卫浴</a></li>
                    <li class="l-item"><a href="#" data-value="园艺">园艺</a></li>
                    <li class="l-item"><a href="#" data-value="办公区">办公区</a></li>
                    <li class="l-item"><a href="#" data-value="储勿间">储勿间</a></li>
                </ul>
                <div class="layer-bt">
                    <div class="user-actions2 form-item">
                        <div class="input-ys">
                            <input type="text" value="新建空间" class="e-input"/>
                        </div>
                        <a href="#" class="btn"><span class="b">确定</span></a>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li class="form-item">
        <span class="serial-nub">5</span>

        <div class="drop-down">
            <div data-type="simulate-select" data-simulate-value="simulate-select" class="e-input">选择物品</div>
            <div class="wjh-drop-down-layer plug-rotation rotation-panel" style="display:none;">
                <ul class="wjh-tab">
                    <li class="tab-item trigger-item cur"><a href="#">物品</a></li>
                    <li class="tab-item trigger-item "><a href="#">工程图纸</a></li>
                    <li class="tab-item trigger-item"><a href="#">全景图</a></li>
                </ul>
                <div class="wbx-list rp-item">
                    <div class="wbx">
                        <h3 class="wbt">硬装类：</h3>
                        <ul class="wjh-list4">
                            <li class="l-item"><a href="#" data-value='床'>床</a></li>
                            <li class="l-item"><a href="#" data-value='桌子'>桌子</a></li>
                            <li class="l-item"><a href="#" data-value='椅子'>椅子</a></li>
                            <li class="l-item"><a href="#" data-value='沙发'>沙发</a></li>
                            <li class="l-item"><a href="#" data-value='靠垫'>靠垫</a></li>
                            <li class="l-item"><a href="#" data-value='台盆'>台盆</a></li>
                            <li class="l-item"><a href="#" data-value='马桶'>马桶</a></li>
                            <li class="l-item"><a href="#" data-value='淋浴房'>淋浴房</a></li>
                            <li class="l-item"><a href="#" data-value='摆设'>摆设</a></li>
                            <li class="l-item"><a href="#" data-value='抱枕'>抱枕</a></li>
                            <li class="l-item"><a href="#" data-value='电视柜'>电视柜</a></li>
                            <li class="l-item"><a href="#" data-value='茶几'>茶几</a></li>
                        </ul>
                    </div>
                    <div class="wbx">
                        <h3 class="wbt">软装类：</h3>
                        <ul class="wjh-list4">
                            <li class="l-item"><a href="#" data-value='化妆台'>化妆台</a></li>
                            <li class="l-item"><a href="#" data-value='床头柜'>床头柜</a></li>
                            <li class="l-item"><a href="#" data-value='吧台'>吧台</a></li>
                            <li class="l-item"><a href="#" data-value='酒柜'>酒柜</a></li>
                            <li class="l-item"><a href="#" data-value='摆设'>摆设</a></li>
                            <li class="l-item"><a href="#" data-value='抱枕'>抱枕</a></li>
                            <li class="l-item"><a href="#" data-value='电视柜'>电视柜</a></li>
                            <li class="l-item"><a href="#" data-value='茶几'>茶几</a></li>
                            <li class="l-item"><a href="#" data-value='靠垫'>靠垫</a></li>
                            <li class="l-item"><a href="#" data-value='台盆'>台盆</a></li>
                            <li class="l-item"><a href="#" data-value='马桶'>马桶</a></li>
                            <li class="l-item"><a href="#" data-value='淋浴房'>淋浴房</a></li>
                        </ul>
                    </div>
                </div>
                <div class="wbx-list rp-item" style="display:none;">sadsads</div>
                <div class="wbx-list rp-item" style="display:none;">sadsads22222</div>
                <div class="layer-bt">
                    <div class="user-actions2 form-item">
                        <div class="input-ys">
                            <input type="text" value="新建空间" class="e-input"/>
                        </div>
                        <a href="#" class="btn"><span class="b">确定</span></a>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li class="form-item">
        <textarea disabled="disabled" onfocus="this.className='e-input input-focus'" class="e-input">写点什么，评论下吧</textarea>
    </li>
</ul>
<p class="advanced-options-tigger"><b class="ico-plus"></b>高级选项</p>
<ul class="form-list advanced-options hide">
    <li class="form-item">
        <label class="ft">宝贝价格：</label>
        <input type="text" onfocus="this.className='input input-focus'" class="input" style="width:100px" value=""/>
        <span class="oer">元</span>
    </li>
    <li class="form-item">
        <label class="ft">分享链接：</label>
        <input type="text" id="input-urls" onfocus="this.className='input input-focus'" class="input" style="width:206px" value="http://www.wanzijia.com/151515"/>

        <div class="copy-ys">
            <a href="#" class="btn"><span class="b">复制链接</span></a>
        </div>
    </li>
</ul>
<script type="text/javascript">
    $(function () {
        if (!$('body').data('advanced-options-tigger')) {
            $(document).delegate('.advanced-options-tigger', 'click', function () {
                var self = $(this), b = self.find('b'), next = self.next('ul.advanced-options');
                if (next[0].offsetHeight == 0) {
                    b.addClass('ico-minus');
                    b.removeClass('ico-plus');
                    next.removeClass('hide');
                } else {
                    b.addClass('ico-plus');
                    b.removeClass('ico-minus');
                    next.addClass('hide');
                }
            });
            $('body').data('advanced-options-tigger', 1)
        }
        /*
        *复制
        */
        $(function () {
            var copy_ys = $('.advanced-options .copy-ys .btn'),
                input = copy_ys.parents('.form-item').find('.e-input'),
                clipboard;
            window.executeCommand = function (sender, event, id, commandName, args) {
                var command = args.command,
                    execute = {
                        'get':function () {
                            return $('#' + id).val();
                        },
                        'ok':function () {
                            $('#' + id)[0].select();
                        },
                        'error':function () {
                        }
                    };
                return execute[command]();
            };
            if (!$.browser.msie) {
                $('<span class="clipboard"><embed width="64" height="24" type="application/x-shockwave-flash" title="" allowscriptaccess="always" wmode="transparent" flashvars="clipboardId=input-url" menu="false" src="wanjuhe_asset/v1.0/img/clipboard.swf" /></span>').appendTo(copy_ys);
            } else {
                copy_ys.click(function () {
                    input[0].select();
                    var clipBoardContent = input.val();
                    window.clipboardData.setData("Text", clipBoardContent);
                    return false;
                });
            }
            ;
        })
    })
</script>
<div class="form-act form-item">
    <a href="#" class="btn-syd btn" onclick="this.className='btn-sye btn';return false" class="oer"><span class="b">确定</span></a>
    <span class="correct">sadsad<b class="b"></b></span>

    <div class="share-to">
        <span class="share-t">同步到：</span>
        <a href="#" title="分享到新浪微博" class="share-item"><b class="sina share-ic">新浪微博</b></a>
        <a href="#" title="分享到QQ空间" class="share-item"><b class="qqzone share-ic">QQ空间</b></a>
        <a href="#" title="分享到人人网" class="share-item"><b class="renren share-ic">人人网</b></a>
        <a href="#" title="分享到腾讯微博" class="share-item"><b class="qq share-ic">腾讯微博</b></a>
    </div>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="dialog-close">
    <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
</div>
</div>

<div class="dialog" style="width:600px;top:200px;left:400px;left:50%;margin-left:-300px">
    <div class="dialog-hd"><h2 class="h">新建我的家</h2></div>
    <div class="dialog-bd">
        <div class="sbbx wj-form2 wj-form">
            <ul class="form-list">
                <li class="form-item">
                    <label class="ft">名称：</label> <input type="text" class="e-input" value="">
                </li>
                <li class="form-item">
                    <label class="ft">物业：</label>

                    <div class="drop-down">
                        <input type="text" data-type="simulate-select" data-simulate-value="simulate-select" onfocus="this.className='e-input input-focus'" class="e-input" value="选择空间">

                        <div class="wjh-drop-down-layer" style="display:none;">
                            <ul class="wjh-list4">
                                <li class="l-item"><a href="#" data-value='春申景城'>春申景城</a></li>
                                <li class="l-item"><a href="#" data-value='沿海·卢瓦河谷'>沿海·卢瓦河谷</a></li>
                                <li class="l-item"><a href="#" data-value='东方御花园'>东方御花园</a></li>
                                <li class="l-item"><a href="#" data-value='檀乡·湾'>檀乡·湾</a></li>
                                <li class="l-item"><a href="#" data-value='万科优诗美地'>万科优诗美地</a></li>
                                <li class="l-item"><a href="#" data-value='花木星辰苑'>花木星辰苑</a></li>
                                <li class="l-item"><a href="#" data-value='富林苑'>富林苑</a></li>
                                <li class="l-item"><a href="#" data-value='沁春名邸'>沁春名邸</a></li>
                                <li class="l-item"><a href="#" data-value='上海莘城'>上海莘城</a></li>
                                <li class="l-item"><a href="#" data-value='学林苑'>学林苑</a></li>
                                <li class="l-item"><a href="#" data-value='三湘四季花城'>三湘四季花城</a></li>
                                <li class="l-item"><a href="#" data-value='贝尚湾'>贝尚湾</a></li>
                                <li class="l-item"><a href="#" data-value='莘映象'>莘映象</a></li>
                                <li class="l-item"><a href="#" data-value='中大·九里德'>中大·九里德</a></li>
                                <li class="l-item"><a href="#" data-value='春申景城'>春申景城</a></li>
                                <li class="l-item"><a href="#" data-value='沿海·卢瓦河谷'>沿海·卢瓦河谷</a></li>
                                <li class="l-item"><a href="#" data-value='东方御花园'>东方御花园</a></li>
                                <li class="l-item"><a href="#" data-value='檀乡·湾'>檀乡·湾</a></li>
                                <li class="l-item"><a href="#" data-value='万科优诗美地'>万科优诗美地</a></li>
                                <li class="l-item"><a href="#" data-value='花木星辰苑'>花木星辰苑</a></li>
                                <li class="l-item"><a href="#" data-value='富林苑'>富林苑</a></li>
                                <li class="l-item"><a href="#" data-value='沁春名邸'>沁春名邸</a></li>
                                <li class="l-item"><a href="#" data-value='上海莘城'>上海莘城</a></li>
                                <li class="l-item"><a href="#" data-value='学林苑'>学林苑</a></li>
                                <li class="l-item"><a href="#" data-value='三湘四季花城'>三湘四季花城</a></li>
                                <li class="l-item"><a href="#" data-value='贝尚湾'>贝尚湾</a></li>
                                <li class="l-item"><a href="#" data-value='莘映象'>莘映象</a></li>
                                <li class="l-item"><a href="#" data-value='中大·九里德'>中大·九里德</a></li>
                            </ul>
                            <div class="layer-bt">
                                <div class="user-actions2 form-item">
                                    <div class="input-ys">
                                        <input type="text" value="新建空间" class="e-input"/>
                                    </div>
                                    <a href="#" class="btn-gragre btn"><span class="b">确定</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="form-item fi-list">
                    <label class="ft">风格：</label>
                    <label class="lb"><input class="rck" type="radio" name="">复古</label>
                    <label class="lb"><input class="rck" type="radio" name="">简约</label>
                    <label class="lb"><input class="rck" type="radio" name="">田园</label>
                    <label class="lb"><input class="rck" type="radio" name="">宫廷</label>
                    <label class="lb"><input class="rck" type="radio" name="">现代</label>
                    <label class="lb"><input class="rck" type="radio" name="">欧美</label>
                    <label class="lb"><input class="rck" type="radio" name="">日式</label>
                    <label class="lb"><input class="rck" type="radio" name="">韩国</label>
                    <label class="lb"><input class="rck" type="radio" name="">东南亚</label>
                    <label class="lb"><input class="rck" type="radio" name="">地中海</label>
                    <label class="lb"><input class="rck" type="radio" name="">另类</label>
                    <label class="lb"><input class="rck" type="radio" name="">其他</label>
                </li>
                <li class="form-item">
                    <label class="ft">域名：</label>
                    <span class="oer">http://www.wanzijia.com/</span>
                    <input type="text" class="e-input" style="width:80px" value="">
                    <span class="oer weaken">仅支持英文数字下划线</span>
                </li>
                <li class="form-item">
                    <label class="ft">简介：</label>
                    <textarea onfocus="this.className='e-input input-focus'" class="e-input">写点什么，评论下吧</textarea>
                </li>
            </ul>
            <div class="form-act form-item">
                <a href="#" class="btn-syd btn" onclick="this.className='btn-sye btn';return false" class="oer"><span class="b">确定</span></a>
            </div>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>


<div class="dialog" style="width:600px;top:200px;left:400px;left:50%;margin-left:-300px">
<div class="dialog-hd"><h2 class="h">上传图片</h2></div>
<div class="dialog-bd">


<div class="sbbx">
<div class="upload-file">
    <a href="#" class="btn-syd btn"><span class="b">选择照片文件</span></a>
    <input type="file" name="" class="file-input" value="">
</div>
<div class="dg-cols collr">
<div class="coll">
    <div class="thumb-collection-wp">
        <ul class="thumb-collection">
            <li class="ct-item frist">
                <img src="test/baobei.jpg" alt="" width="200" height="200" class="thumb"/>
                <input type="file" name="" class="file-input" value="">
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="200" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="200" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="185" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="200" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="186" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="186" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="186" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
            <li data-type="ct-item" class="ct-item">
                <img src="test/baobei.jpg" alt="" width="200" height="186" class="thumb"/><a href="#" data-type="dele" class="dele" title="删除"><span class="ico-dele">删除</span></a>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
        $(function () {
            var thumb_collection = $('.thumb-collection');

            function changeImgPosition(newImg) {
                var frist = $(".thumb-collection .frist"),
                    bigThumb = frist.find('img'),
                    bigSrc = bigThumb.attr('src'),
                    bigH = bigThumb.attr('height');
                frist.css({"height":newImg.attr('height')});
                bigThumb.attr({'src':newImg.attr('src').replace('_50x50', ''), 'height':newImg.attr('height')});
                $(newImg).attr({'src':bigSrc, 'height':bigH});
            }

            ;
            if (!thumb_collection.data('thumb-collection')) {
                thumb_collection.delegate('[data-type]', 'click', function () {
                    var _this = $(this), dataType = _this.attr('data-type');
                    ;
                    ({
                        "ct-item":function () {
                            changeImgPosition(_this.find('img'));
                        },
                        "dele":function () {
                            _this.parent('.ct-item').remove()
                        }
                    }[dataType] || function () {
                    })();
                    return false
                });
                thumb_collection.data('thumb-collection', 1);
            }
            ;
        });
    </script>
</div>

<div class="colr">
<div class="wj-form">
<ul class="form-list">
    <li class="form-item wj-actived">
        <span class="serial-nub">1</span>
        <input type="text" onfocus="this.className='e-input input-focus'" class="e-input" style="width:206px" value="宝贝名称"/>

        <div class="drop-down">
            <div class="wjh-select" data-type="simulate-select" style="width:70px">
                <div class="wjh-selected" data-simulate-value="simulate-select">选择风格</div>
                <b class="arrow"></b>
            </div>
            <div class="wjh-drop-down-layer" style="display:none">
                <ul class="wjh-list3">
                    <li class="l-item" data-value="现代">现代</li>
                    <li class="l-item" data-value="美式">美式</li>
                    <li class="l-item" data-value="中式">中式</li>
                    <li class="l-item" data-value="欧洲古典">欧洲古典</li>
                    <li class="l-item" data-value="田园">田园</li>
                    <li class="l-item" data-value="地中海">地中海</li>
                    <li class="l-item" data-value="东南亚">东南亚</li>
                </ul>
            </div>
        </div>
    </li>
    <li class="form-item">
        <span class="serial-nub">2</span>
        <input type="hidden" data-simulate-value="simulate-select" value="">

        <div class="drop-down">
            <div class="wjh-select" data-type="simulate-select">
                <div class="wjh-selected" data-simulate-value="simulate-select">甜蜜小屋</div>
                <b class="arrow"></b>
            </div>
            <div class="wjh-drop-down-layer" style="display:none;">
                <ul class="wjh-list3">
                    <li class="l-item" data-value="古柏别墅">古柏别墅</li>
                    <li class="l-item" data-value="古柏别墅22">古柏别墅22</li>
                    <li class="l-item" data-value="古柏别墅33">古柏别墅33</li>
                    <li class="l-item" data-value="古柏别墅44">古柏别墅44</li>
                </ul>
                <div class="layer-bt">
                    <div class="user-actions"><a href="#">+创建新家</a></div>
                </div>
            </div>
        </div>
    </li>
    <li class="form-item">
        <span class="serial-nub">3</span>
        <input type="text" disabled="disabled" onfocus="this.className='e-input input-focus'" class="e-input" style="width:100px" value="宝贝价格"/>
        <span class="oer">元</span>
    </li>
    <li class="form-item">
        <span class="serial-nub">4</span>

        <div class="drop-down">
            <input type="text" disabled="disabled" data-type="simulate-select" data-simulate-value="simulate-select" onfocus="this.className='e-input input-focus'" class="e-input" value="选择空间" data-select-config="layerClickBack=select_cat_back"/>

            <div class="wjh-drop-down-layer" style="display:none;">
                <ul class="wjh-list4">
                    <li class="l-item"><a href="#" data-value="楼梯">楼梯</a></li>
                    <li class="l-item"><a href="#" data-value="天井">天井</a></li>
                    <li class="l-item"><a href="#" data-value="儿童房">儿童房</a></li>
                    <li class="l-item"><a href="#" data-value="更衣室">更衣室</a></li>
                    <li class="l-item"><a href="#" data-value="车库">车库</a></li>
                    <li class="l-item"><a href="#" data-value="书房">书房</a></li>
                    <li class="l-item"><a href="#" data-value="影音室">影音室</a></li>
                    <li class="l-item"><a href="#" data-value="其他">其他</a></li>
                    <li class="l-item"><a href="#" data-value="卧室">卧室</a></li>
                    <li class="l-item"><a href="#" data-value="客厅">客厅</a></li>
                    <li class="l-item"><a href="#" data-value="厨房">厨房</a></li>
                    <li class="l-item"><a href="#" data-value="门厅">门厅</a></li>
                    <li class="l-item"><a href="#" data-value="卫浴">卫浴</a></li>
                    <li class="l-item"><a href="#" data-value="园艺">园艺</a></li>
                    <li class="l-item"><a href="#" data-value="办公区">办公区</a></li>
                    <li class="l-item"><a href="#" data-value="储勿间">储勿间</a></li>
                </ul>
                <div class="layer-bt">
                    <div class="user-actions2 form-item">
                        <div class="input-ys">
                            <input type="text" value="新建空间" class="e-input"/>
                        </div>
                        <a href="#" class="btn"><span class="b">确定</span></a>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li class="form-item">
        <span class="serial-nub">5</span>

        <div class="drop-down">
            <div data-type="simulate-select" data-simulate-value="simulate-select" class="e-input">选择物品</div>
            <div class="wjh-drop-down-layer plug-rotation rotation-panel" style="display:none;">
                <ul class="wjh-tab">
                    <li class="tab-item trigger-item cur"><a href="#">物品</a></li>
                    <li class="tab-item trigger-item "><a href="#">工程图纸</a></li>
                    <li class="tab-item trigger-item"><a href="#">全景图</a></li>
                </ul>
                <div class="wbx-list rp-item">
                    <div class="wbx">
                        <h3 class="wbt">硬装类：</h3>
                        <ul class="wjh-list4">
                            <li class="l-item"><a href="#" data-value='床'>床</a></li>
                            <li class="l-item"><a href="#" data-value='桌子'>桌子</a></li>
                            <li class="l-item"><a href="#" data-value='椅子'>椅子</a></li>
                            <li class="l-item"><a href="#" data-value='沙发'>沙发</a></li>
                            <li class="l-item"><a href="#" data-value='靠垫'>靠垫</a></li>
                            <li class="l-item"><a href="#" data-value='台盆'>台盆</a></li>
                            <li class="l-item"><a href="#" data-value='马桶'>马桶</a></li>
                            <li class="l-item"><a href="#" data-value='淋浴房'>淋浴房</a></li>
                            <li class="l-item"><a href="#" data-value='摆设'>摆设</a></li>
                            <li class="l-item"><a href="#" data-value='抱枕'>抱枕</a></li>
                            <li class="l-item"><a href="#" data-value='电视柜'>电视柜</a></li>
                            <li class="l-item"><a href="#" data-value='茶几'>茶几</a></li>
                        </ul>
                    </div>
                    <div class="wbx">
                        <h3 class="wbt">软装类：</h3>
                        <ul class="wjh-list4">
                            <li class="l-item"><a href="#" data-value='化妆台'>化妆台</a></li>
                            <li class="l-item"><a href="#" data-value='床头柜'>床头柜</a></li>
                            <li class="l-item"><a href="#" data-value='吧台'>吧台</a></li>
                            <li class="l-item"><a href="#" data-value='酒柜'>酒柜</a></li>
                            <li class="l-item"><a href="#" data-value='摆设'>摆设</a></li>
                            <li class="l-item"><a href="#" data-value='抱枕'>抱枕</a></li>
                            <li class="l-item"><a href="#" data-value='电视柜'>电视柜</a></li>
                            <li class="l-item"><a href="#" data-value='茶几'>茶几</a></li>
                            <li class="l-item"><a href="#" data-value='靠垫'>靠垫</a></li>
                            <li class="l-item"><a href="#" data-value='台盆'>台盆</a></li>
                            <li class="l-item"><a href="#" data-value='马桶'>马桶</a></li>
                            <li class="l-item"><a href="#" data-value='淋浴房'>淋浴房</a></li>
                        </ul>
                    </div>
                </div>
                <div class="wbx-list rp-item" style="display:none;">sadsads</div>
                <div class="wbx-list rp-item" style="display:none;">sadsads22222</div>
                <div class="layer-bt">
                    <div class="user-actions2 form-item">
                        <div class="input-ys">
                            <input type="text" value="新建空间" class="e-input"/>
                        </div>
                        <a href="#" class="btn"><span class="b">确定</span></a>
                    </div>
                </div>
            </div>
        </div>
    </li>
    <li class="form-item">
        <textarea disabled="disabled" onfocus="this.className='e-input input-focus'" class="e-input">写点什么，评论下吧</textarea>
    </li>
</ul>
<p class="advanced-options-tigger"><b class="ico-plus"></b>高级选项</p>
<ul class="form-list advanced-options hide">
    <li class="form-item">
        <label class="ft">宝贝价格：</label>
        <input type="text" onfocus="this.className='input input-focus'" class="input" style="width:100px" value=""/>
        <span class="oer">元</span>
    </li>
    <li class="form-item">
        <label class="ft">分享链接：</label>
        <input type="text" id="input-url" onfocus="this.className='input input-focus'" class="input" style="width:206px" value="http://www.wanzijia.com/151515"/>

        <div class="copy-ys">
            <a href="#" class="btn"><span class="b">复制链接</span></a>
        </div>
    </li>
</ul>
<script type="text/javascript">
    $(function () {
        if (!$('body').data('advanced-options-tigger')) {
            $(document).delegate('.advanced-options-tigger', 'click', function () {
                var self = $(this), b = self.find('b'), next = self.next('ul.advanced-options');
                if (next[0].offsetHeight == 0) {
                    b.addClass('ico-minus');
                    b.removeClass('ico-plus');
                    next.removeClass('hide');
                } else {
                    b.addClass('ico-plus');
                    b.removeClass('ico-minus');
                    next.addClass('hide');
                }
            });
            $('body').data('advanced-options-tigger', 1)
        }
        /*
        *复制
        */
        $(function () {
            var copy_ys = $('.advanced-options .copy-ys .btn'),
                input = copy_ys.parents('.form-item').find('.e-input'),
                clipboard;
            window.executeCommand = function (sender, event, id, commandName, args) {
                var command = args.command,
                    execute = {
                        'get':function () {
                            return $('#' + id).val();
                        },
                        'ok':function () {
                            $('#' + id)[0].select();
                        },
                        'error':function () {
                        }
                    };
                return execute[command]();
            };
            if (!$.browser.msie) {
                $('<span class="clipboard"><embed width="64" height="24" type="application/x-shockwave-flash" title="" allowscriptaccess="always" wmode="transparent" flashvars="clipboardId=input-url" menu="false" src="wanjuhe_asset/v1.0/img/clipboard.swf" /></span>').appendTo(copy_ys);
            } else {
                copy_ys.click(function () {
                    input[0].select();
                    var clipBoardContent = input.val();
                    window.clipboardData.setData("Text", clipBoardContent);
                    return false;
                });
            }
            ;
        })
    })
</script>
<div class="form-act form-item">
    <a href="#" class="btn-syd btn" onclick="this.className='btn-sye btn';return false" class="oer"><span class="b">确定</span></a>
    <span class="correct">sadsad<b class="b"></b></span>

    <div class="share-to">
        <span class="share-t">同步到：</span>
        <a href="#" title="分享到新浪微博" class="share-item"><b class="sina share-ic">新浪微博</b></a>
        <a href="#" title="分享到QQ空间" class="share-item"><b class="qqzone share-ic">QQ空间</b></a>
        <a href="#" title="分享到人人网" class="share-item"><b class="renren share-ic">人人网</b></a>
        <a href="#" title="分享到腾讯微博" class="share-item"><b class="qq share-ic">腾讯微博</b></a>
    </div>
</div>
</div>
</div>
</div>
<div class="wjh-mask" style="width:590px;top:83px;left:5px;height:237px"></div>
</div>

</div>
<div class="dialog-close">
    <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
</div>
</div>

<div class="dialog" style="width:450px;top:200px;left:400px;left:50%;margin-left:-220px">
    <div class="dialog-hd"><h2 class="h">上传成功</h2></div>
    <div class="dialog-bd">
        <div class="dialog-prompt">
            <p class="state-back">
                <img src="css/images/v1.0/img/tick-circle.png" class="state-img" alt=""/><span class="state-des">上传成功</span>
            </p>

            <p>去<a href="#">甜蜜小屋看看我刚上传的宝贝</a>&gt;&gt;</p>

            <div class="subt-back">
                <div class="fl"><a href="#">OK，继续添加新宝贝</a></div>
                <div class="fr">立即去“娃娃家”</span><a href="#">上传我的宝贝 吧</a>&gt;&gt;</div>
            </div>
            <div class="subt-back">
                <a href="#" class="btn-syd btn"><span class="b">继续加你想家的</span></a>

                <div class="sbr"><a href="#">立即去“娃娃家”</a></div>
            </div>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog" style="width:450px;top:200px;left:400px;left:50%;margin-left:-220px">
    <div class="dialog-hd"><h2 class="h">创建成功</h2></div>
    <div class="dialog-bd">
        <div class="dialog-prompt">
            <p class="state-back">
                <img src="css/images/v1.0/img/tick-circle.png" class="state-img" alt=""/><span class="state-des">创建成功</span>
            </p>

            <p><span class="weaken mr10">立即去“娃娃家”</span><a href="#">上传我的宝贝 吧</a>&gt;&gt;</p>

            <div class="subt-back">
                <div class="fl"><a href="#">OK，继续添加新宝贝</a></div>
                <div class="fr">立即去“娃娃家”</span><a href="#">上传我的宝贝 吧</a>&gt;&gt;</div>
            </div>
            <div class="subt-back">
                <a href="#" class="btn-syd btn"><span class="b">继续加你想家的</span></a>

                <div class="sbr"><a href="#">立即去“娃娃家”</a></div>
            </div>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<div class="dialog" style="width:600px;top:200px;left:400px;left:50%;margin-left:-220px">
    <div class="dialog-hd"><h2 class="h">举报资源</h2></div>
    <div class="dialog-bd">


        <div class="jubao-dg">
            <p class="jb-tip">如果您看到的文件含有色情、暴力、反动或任何不健康的内容，请直接举报，谢谢大家！</p>

            <div class="wj-form">
                <ul class="form-list">
                    <li class="form-item wj-actived">
                        <label class="ft">举报原因：</label>
                        <input type="hidden" data-simulate-value="simulate-select" value="">

                        <div class="wjh-select" data-type="simulate-select">
                            <div class="wjh-selected" data-simulate-value="simulate-select">请选择</div>
                            <b class="arrow"></b>
                        </div>
                        <div class="wjh-drop-down-layer" style="display:none;">
                            <ul class="wjh-list3">
                                <li class="l-item" data-value="原因一">原因一</li>
                                <li class="l-item" data-value="原因22222222">原因22222222</li>
                                <li class="l-item" data-value="原因33333333">原因33333333</li>
                                <li class="l-item" data-value="原因44444444">原因44444444</li>
                            </ul>
                        </div>
                    </li>
                    <li class="form-item">
                        <label class="ft">投诉内容：</label>
                        <textarea onfocus="this.className='e-input input-focus'" class="e-input">写点什么，评论下吧</textarea>
                    </li>
                </ul>
                <div class="form-act form-item">
                    <a href="#" class="btn-syd btn" onclick="$.dialog.close()"><span class="b">确定</span></a>
                    <a href="#" class="btn-sye btn" onclick="$.dialog.close()"><span class="b">取消</span></a>
                    <a href="#" class="btn-syi btn" onclick="$.dialog.close()"><span class="b"><img src="css/images/v1.0/img/loading-mini.gif" class="bimg" alt=""/></span></a>
                    <span class="correct">sadsad<b class="b"></b></span>
                </div>
            </div>
        </div>
    </div>
    <div class="dialog-close">
        <a href="#" class="close" onClick="this.parentNode.parentNode.style.display='none';return false" title="关闭">关闭</a>
    </div>
</div>

<script type="text/javascript" src="js/jquery1.7.1.js"></script>
<script type="text/javascript"  src="js/jquery_dialog.js"></script>
<script type="text/javascript" src="js/Rotation.js"></script>
<script type="text/javascript" src="js/waterfall.js"></script>
<script type="text/javascript" src="js/simulate_select.js"></script>
<script type="text/javascript" src="js/scrollTo.js"></script>
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript" src="js/scrollbar_jquery.js"></script>

<script>
    function select_cat_back(v) {
        alert($(this).attr("data-value"))
    }
</script>
</body>
</html>